.main {
  .content-wrapper {
    padding-top: 25px;
  }
}

.ivu-table-overflowY-hidden {
  .ivu-table {
    .ivu-table-body {
      overflow-y: hidden;
    }
  }
}

.hidden-header-table {
  .ivu-table {
    .ivu-table-title {
      display: none;
    }
  }
}

.ivu-table {
  .bg-gray-column {
    background: #f1f1f1 !important;
  }
  .color-error-column {
    color: @error_color;
  }
  .ivu-table-title {
    line-height: 47px;
  }
  .ivu-table-header {
  }
  .ivu-table-body {
    .ivu-table-tbody {
      .ivu-table-row {
        .ivu-table-cell {
          // padding-left: 10px;
          // padding-right: 10px;
          .ivu-btn-text {
            background: none !important;
            text-decoration: underline;
            padding: 0;
            &:before,
            &:after {
              display: none;
            }
            // span{
            //   text-decoration: underline;
            // }
          }
          .ivu-table-cell-expand {
            .ivu-icon-ios-arrow-forward {
              font-size: 24px;
              color: #999;
            }
          }
        }
      }
      .ivu-table-expanded-cell {
        background: #fff;
        // padding: 10px 80px 10px 10px;
        // padding-right: 130px;
        .ivu-table {
          .ivu-table-header {
            thead {
              tr {
                th {
                  // background: #f0faff;
                }
              }
            }
          }
        }
      }
    }
  }
}

.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;

  .ivu-modal {
    top: 0;
    margin: 0;
  }
}

.ivu-form-basic {
  .ivu-form-item {
    height: 34px;
    .ivu-form-item-label {
      padding: 0 !important;
      line-height: 34px !important;
    }
    .ivu-input {
      height: 34px;
    }
  }
}
.ivu-form {
  .ivu-form-item-label {
    padding: 12px 12px 0 0;
  }
}
.ivu-form-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ivu-form-item-label:hover {
  overflow: visible;
  white-space: normal;
}
.has-rules-item {
  .form-item {
    .ivu-form-item-label {
      position: relative;
      &:before {
        content: "*";
        display: inline-block;
        margin-right: 4px;
        line-height: 1;
        font-family: SimSun;
        font-size: 12px;
        color: #ed4014;
      }
    }
  }
}
.has-rules-item2 {
  .form-item {
    &.is-required {
      .ivu-form-item-label {
        position: relative;
        &:before {
          content: "*";
          display: inline-block;
          margin-right: 4px;
          line-height: 1;
          font-family: SimSun;
          font-size: 12px;
          color: #ed4014;
        }
      }
    }
    &.remove-required {
      .ivu-form-item-label {
        position: relative;
        &:before {
          display: none;
        }
      }
    }
  }
}

.roster {
  .ivu-steps {
    .ivu-steps-item {
      &.ivu-steps-status-process {
        .ivu-steps-head {
          .ivu-steps-head-inner {
            // &:before{
            //   content: "\F392";
            //   color: #fff;
            //   background: @main_color;
            // }
          }
        }
      }
      &.ivu-steps-status-wait {
        .ivu-steps-head {
          .ivu-steps-head-inner {
            // &:before{
            //   content: "\F23A";
            //   color: #e8eaec;
            //   background: #fff;
            // }
          }
        }
      }
      .ivu-steps-head {
        .ivu-steps-head-inner {
          position: relative;
          &:before {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            display: inline-block;
            font-family: Ionicons;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            font-variant: normal;
            text-transform: none;
            text-rendering: auto;
            line-height: 24px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            border-radius: 100%;
          }
        }
      }
    }
  }
}

.has-disabled {
  &.show-first-two {
    .ivu-form {
      .ivu-form-item {
        display: none;
        &:nth-child(1),
        &:nth-child(2) {
          display: block;
        }
      }
    }
  }
  .ivu-form {
    .ivu-form-item {
      .ivu-form-item-label {
      }
      .ivu-form-item-content {
        .ivu-form-item-error-tip {
          opacity: 0;
        }
        .ivu-input-wrapper {
          .ivu-input-disabled {
            background: #fff;
            border-color: transparent;
            cursor: auto;
            color: #515a6e;
          }
          .item-unit {
            position: absolute;
            right: 10px;
          }
        }
        .ivu-select {
          &.ivu-select-disabled {
            .ivu-select-selection {
              background: #fff;
              border-color: transparent;
              cursor: auto;
              color: #515a6e;
            }
            .ivu-icon-ios-arrow-down {
              display: none;
            }
          }
          .ivu-select-input[disabled] {
            color: #515a6e;
            -webkit-text-fill-color: #515a6e;
          }
        }
        .ivu-date-picker {
          &.ivu-date-picker-focused {
            outline: none;
            box-shadow: none;
            input {
              outline: none;
              box-shadow: none;
            }
          }
          .ivu-date-picker-rel {
            .ivu-input-wrapper {
              .ivu-icon {
                display: none;
              }
              .ivu-input-disabled {
                background: #fff;
                border-color: transparent;
                cursor: auto;
                color: #515a6e;
              }
            }
          }
        }
        .ivu-cascader {
          .ivu-icon-ios-arrow-down {
            display: none;
          }
        }
      }
    }
  }
}

.ivu-message-notice-content {
  // padding: 16px 24px;
  font-size: 16px;
  .ivu-message-notice-content-text {
    .ivu-message-custom-content {
      .ivu-icon {
        font-size: 30px;
      }
    }
  }
}

.download-btn {
  .ivu-icon-md-cloud-download,
  .ivu-icon-ios-cloud-download-outline,
  .ivu-icon-ios-cloud-upload-outline {
    font-size: 16px;
  }
  .ivu-poptip {
    position: absolute;
    top: -20px;
  }
  .btn-r-download {
    position: absolute;
    width: 20px;
    text-align: center;
    top: 10px;
    font-size: 16px;
    cursor: pointer;
    &:hover {
      color: @error_color;
    }
    &.r-5 {
      right: 5px;
    }
    &.r-15 {
      right: 15px;
    }
    &.r-25 {
      right: 25px;
    }
  }
  .btn-r-close {
    position: absolute;
    width: 20px;
    text-align: center;
    right: 5px;
    top: 10px;
    font-size: 16px;
    cursor: pointer;
    &:hover {
      color: @error_color;
    }
  }
  .btn-follow-txt {
    &:hover {
      color: #515a6e;
      background-color: #fff;
      border-color: #dcdee2;
      cursor: default;
    }
  }
}
.ivu-table-wrapper {
  overflow: initial;
}
.ivu-table-fixed-body {
  // overflow: initial;
}

.follow-select-btn {
  .ivu-poptip {
    &.w-100 {
      .ivu-poptip-rel {
        width: 100%;
        button {
          span {
            max-width: 200px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
          }
        }
      }
      .ivu-poptip-popper {
        width: 100%;
        .ivu-poptip-content {
          height: 200px;
          overflow-y: scroll;
          .ivu-poptip-inner {
            .ivu-poptip-body {
              .ivu-poptip-body-content {
                .ivu-checkbox-wrapper {
                  height: 30px;
                  line-height: 30px;
                }
              }
            }
          }
        }
      }
    }
  }
}

// .ivu-icon-ios-add-circle-outline{
//   display: none;
// }
.areaTree {
  .ivu-cascader-rel {
    overflow: hidden;
  }
}

.ivu-cascader {
  &.ivu-cascader-size-default {
    .ivu-input-default {
      color: #fff;
    }
    &.ivu-cascader-show-clear {
      .ivu-input-default {
        color: #000;
      }
    }
  }
}

.ivu-tabs {
  overflow: unset;
  &.ivu-tabs-nobg {
    .ivu-tabs-bar {
      .ivu-tabs-nav-container {
        .ivu-tabs-nav-wrap {
          .ivu-tabs-nav-scroll {
            .ivu-tabs-nav {
              .ivu-tabs-tab-active {
                background: none;
                position: relative;
                &:after {
                  content: "";
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  width: 100%;
                  height: 3px;
                  background: #f5f7f9;
                }
              }
            }
          }
        }
      }
    }
  }
}

.ivu-date-picker {
  overflow: hidden;
}

.ivu-dropdown-menu {
  min-width: 200px;
  .ivu-dropdown {
    display: block;
  }
}

.interval {
  .ivu-date-picker-rel {
    max-width: 100px;
  }
}
.interval-date {
  .ivu-date-picker-rel {
    max-width: 120px;
  }
}
.interval-date-140 {
  .ivu-date-picker-rel {
    max-width: 140px;
  }
}
.interval-date-120 {
  .ivu-date-picker-rel {
    max-width: 120px;
  }
}

.form-item {
  &.form-item-has-unit {
    .item-span-unit {
      position: absolute;
      right: 10px;
      z-index: 1;
    }
  }
  .ivu-form-item-content {
    .ivu-radio-group {
      padding-top: 6px;
    }
  }
}
.position-relative {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  border: 1px solid #dcdee2;
  position: relative;
  .ivu-upload-select {
    width: 100%;
    height: 100%;
  }
}

.ivu-message-notice-content-error {
  max-width: 80%;
  // max-height: 300px;
  // overflow-y: scroll;
}
.tab-style-hrdc > .ivu-tabs-card {
  .ivu-tabs-content {
    .ivu-tabs-tabpane {
      background: #fff;
      padding: 30px 16px 60px;
      border: 1px solid #dcdee2;
      border-top: none;
      .stepContent {
        position: relative;
        width: 100%;
        height: 100%;
      }
      .tab-footer {
        position: absolute;
        bottom: -40px;
        right: 0;
      }
    }
  }
  .ivu-select-disabled .ivu-select-selection {
    background-color: #fff;
    color: #333;
    border: none;
    cursor: auto;
    .ivu-select-arrow {
      display: none;
    }
  }
  .ivu-input[disabled],
  fieldset[disabled] .ivu-input {
    background-color: #fff;
    color: #333;
    border: none;
    cursor: auto;
  }
}

.has-button-dropdown {
  .ivu-dropdown-menu {
    .ivu-dropdown-item {
      padding: 0 20px;
      &:hover {
        background: #f3f3f3;
      }
      &.ivu-dropdown-item-disabled {
        .ivu-btn {
          &.ivu-btn-text {
            color: #999;
          }
        }
      }
      .ivu-btn {
        width: 100%;
        border-radius: 0;
        text-align: left;
        background: none;
        &.ivu-btn-text {
          color: #515a6e;
        }
      }
    }
  }
}

.is-revise {
  .ivu-select-disabled .ivu-select-selection {
    background-color: #fff;
    color: #333;
    cursor: auto;
  }
  .ivu-input[disabled],
  fieldset[disabled] .ivu-input {
    background-color: #fff;
    color: #333;
    cursor: auto;
  }
}
.ivu-table-tip table {
  width: auto;
}

@media screen and (max-width: 1400px) {
  .search-btn {
    float: right;
  }
}

.ivu-cascader-menu .ivu-cascader-menu-item {
  white-space: nowrap;
  min-width: 100px;
}

.mail-pr-80 {
  .ivu-input {
    padding-right: 80px !important;
  }
}

.ivu-input-hasborder {
  .ivu-input {
    border: 1px solid #dcdee2;
  }
}
